<template>
    <div class="links">
            <!--客服  -->
            <div class='sideBar-kefu  dd-row dd-h-center  dd-v-center' @click="goWhere" >
                <div>客服</div>
                <img src='@/assets/img/customerService.png' />
            </div>
         
            <!--我的 @click='goMy' -->
            <div class='sideBar-my dd-row  dd-h-center  dd-v-center' @click="goWhere" >
                <div>我的</div>
                <img src='@/assets/img/my.png'/>
            </div>

             <!--刷新定位  -->
            <div class='sideBar-loca  dd-row dd-h-center  dd-v-center' @click="goWhere">
                <div>刷新定位</div>
                <img src='@/assets/img/loca.png' />
            </div>
    </div>
</template>
<script>
export default {
    methods:{
        goWhere(_where) {
            console.log(_where);
            this.$router.push("/my");
        }
    }
}
</script>


<style scoped>
/* 客服 */

.links {
  z-index: 51;
}
.links > div {
  position: fixed;
  height: 24pt;
  padding: 2pt 10pt;
  text-align: center;
  line-height: 24pt;
  background: #fff;
  border: 2pt solid #f1f1f1;
  font-size: 12pt;
  box-shadow: 0 0 5pt red;
  z-index: 51;
  box-sizing: border-box;
  /* background-color: #e2ca2e; */
  /* border-radius: 10pt; */
}
.links > div > img {
  width: 14pt;
  height: 14pt;
  margin-left: 5pt;
}
/* 客服 */
.links > .sideBar-kefu {
  bottom: 10pt;
  left: 0;
}

/* 我的 */
.links > .sideBar-my {
  bottom: 10pt;
  right: 0;
}
/* 刷新位置 */
.links > .sideBar-loca {
  bottom: 45pt;
  right: 0;
}
</style>
